﻿<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!doctype html>
<%@include file="/header.jsp" %>
<!--当前位置-->
<div class="width1200 center_yh hidden_yh font14" style="height:40px;line-height:40px;">
	<span>当前位置:</span>
	<a href="#" class="c_66">首页></a>
	<a href="#" class="c_66">工艺礼品</a>
</div>
<!--各种筛选-->
<div id="filter">
	<div class="oList">
    		<span>按对象：</span>
        <a href="#" class="on">不限</a>
        <a href="#">氪金时代</a>
        <a href="#">猛男时代</a>
        <a href="#">中学时代</a>
        <a href="#">大学时代</a>
        <a href="#">30阶段</a>
        <a href="#">40阶段</a>
        <a href="#">50阶段</a>
        <a href="#">60阶段</a>
        <a href="#">70阶段</a>
        <a href="#">80阶段</a>
        <a href="#">90阶段</a>
        <a href="#">100阶段</a>
    </div>
    <div class="oList">
    	<span>按功能：</span>
        <a href="#" class="on">不限</a>
        <a href="#">福利</a>
        <a href="#">奖励</a>
        <a href="#">关怀</a>
        <a href="#">宣传</a>
        <a href="#">纪念</a>
        <a href="#">答谢</a>
        <a href="#">拜访</a>
        <a href="#">祝贺</a>
    </div>
    <script>
    	$(".oList a").click(function(){
			$(this).addClass("on").siblings().removeClass("on")
			})
    </script>
</div>
<div class="width1198 center_yh" style="height:35px;background:#f0f0f0;border:1px solid #ddd;margin-top:25px;">
	<a href="javascript:void(0)" class="mR on">默认</a>
    <a href="javascript:void(0)" class="mR">价格<img src="${pageContext.request.contextPath}/assets/images/gg.png"></a>
    <a href="javascript:void(0)" class="mR">销量<img src="${pageContext.request.contextPath}/assets/images/gg.png"></a>
    <script>
    	$(".mR").click(function(){
			$(this).addClass("on").find("img").attr("src","images/gg2.png").parent().siblings().removeClass("on")
			$(this).siblings().removeClass("on")
			})
    </script>
</div>
<!--商品列表-->
<div class="width1200 center_yh hidden_yh" style="margin-top:25px;">
   
  
    <ul class="listSs">
        <li>
            <a href="${pageContext.request.contextPath}/product_detail.jsp" class="bjK">
            	<img src="${pageContext.request.contextPath}/assets/images/xc.png">
            </a>
            <h3 class="spName">2017玉石摆件 客厅装饰品 玄关柜招财工艺品摆设</h3>
            <p class="center_yh block_yh hidden_yh" style="width:202px;">
            	<font class="left_yh red font16">￥268.00</font>
              <font class="right_yh c_66 font14">126人已买</font>
            </p>
            <div class="wCa">
            	<div class="wCa1">
                	<b><img src="${pageContext.request.contextPath}/assets/images/star.png"></b>
                    <font>收藏</font>
                </div>
                <input type="hidden"  name="goodsCode" value="10000" />
                <div class="wCa2">
                	<b><img src="${pageContext.request.contextPath}/assets/images/sar.png"></b>
                    <font>加入购物车</font>
                </div>
            </div>
        </li>
        <li>
            <a href="${pageContext.request.contextPath}/product_detail.jsp" class="bjK">
            	<img src="${pageContext.request.contextPath}/assets/images/xc.png">
            </a>
            <h3 class="spName">2017玉石摆件 客厅装饰品 玄关柜招财工艺品摆设</h3>
            <p class="center_yh block_yh hidden_yh" style="width:202px;">
            	<font class="left_yh red font16">￥268.00</font>
                <font class="right_yh c_66 font14">126人已买</font>
            </p>
            <div class="wCa">
            	<div class="wCa1">
                	<b><img src="${pageContext.request.contextPath}/assets/images/star.png"></b>
                    <font>收藏</font>
                </div>
                <input type="hidden"  name="goodsCode" value="10001" />
                <div class="wCa2">
                	<b><img src="${pageContext.request.contextPath}/assets/images/sar.png"></b>
                    <font>加入购物车</font>
                </div>
            </div>
        </li>
        <li>
            <a href="${pageContext.request.contextPath}/product_detail.jsp" class="bjK">
            	<img src="${pageContext.request.contextPath}/assets/images/xc.png">
            </a>
            <h3 class="spName">2017玉石摆件 客厅装饰品 玄关柜招财工艺品摆设</h3>
            <p class="center_yh block_yh hidden_yh" style="width:202px;">
            	<font class="left_yh red font16">￥268.00</font>
                <font class="right_yh c_66 font14">126人已买</font>
            </p>
            <div class="wCa">
            	<div class="wCa1">
                	<b><img src="${pageContext.request.contextPath}/assets/images/star.png"></b>
                    <font>收藏</font>
                </div>
                <input type="hidden"  name="goodsCode" value="10002" />
                <div class="wCa2">
                	<b><img src="${pageContext.request.contextPath}/assets/images/sar.png"></b>
                    <font>加入购物车</font>
                </div>
            </div>
        </li>
           
    </ul>
 
</div>
<div id="navs">
    <div id="nav_in">
        <a href="javascript:void(0)">«</a>
        <a href="javascript:void(0)">1</a>
        <a href="javascript:void(0)">2</a>
        <a href="javascript:void(0)">3</a>
        <a href="javascript:void(0)">4</a>
        <a href="javascript:void(0)">5</a>
        <a href="javascript:void(0)">»</a>
    </div>
</div>

<script>  
 
$(".wCa div").click(function(){
	$(this).addClass("on")
	});
	
	
	
	//收藏
/*	$('.wCa1>font').click(function){}
	var $input = $(this).parent().next('input');
	var id = $input.val();
	var param = {goodsCode:goodscode};
	$.post(
		url:'addFavrite.do',
		param,
		function(data){
			alter(data);
		}
	);
	
});*/


//加入购物车
/*$('.wCa2>font').click(function(){
	var $input=$(this).parent().prev('input');
	var id=$input.val();
	var param={goodsCode:goodscode,count:1};
	$.post{
		url:'addCart.do',
		param,
		function(data){
			alter(data);
		}
		
	};
});
*/




	
</script>
<!--品质保证-->
<div class="width1200 center_yh" style="height:130px;margin-top:60px;">
	<img src="${pageContext.request.contextPath}/assets/images/db.png">
</div>
<!--页脚-->
<div class="width100 hidden_yh" style="background:#f0f0f0;margin-top:90px;">
	<div class="width1200 center_yh tcenter" style="margin-top:44px;">
    	<a href="#" class="in_block font16 c_33" style="padding:0 30px">工艺礼品</a>
        <a href="#" class="in_block font16 c_33" style="padding:0 30px">电子礼品</a>
        <a href="#" class="in_block font16 c_33" style="padding:0 30px">品牌礼品</a>
        <a href="#" class="in_block font16 c_33" style="padding:0 30px">商务礼品</a>
        <a href="#" class="in_block font16 c_33" style="padding:0 30px">食品礼盒</a>
        <p class="font16 c_33 tcenter" style="margin-top:46px;">www.lipinshijia.com © CopyRight 礼品世家 2007-2012 </p>
        <p class="font16 c_33 tcenter" style="margin-top:6px;">电话：000-0000000 手机：18022113311</p>
        <p class="font16 c_33 tcenter" style="margin-top:6px;margin-bottom:10px;">鲁ICP备:1666666号-1</p>
    </div>
</div>
</body>
</html>
